﻿
/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:left; margin-left:100px;}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden;}
.cf{zoom:1; }
.pb10{padding-bottom:10px}

.mt10{margin-top:10px;
margin-bottom:18px; }

/*main*/
.lanrenzhijia{width:1080px; padding-left:16px; }
.lanrenzhijia .title{height:20px;padding-bottom:10px;}
.lanrenzhijia .title h2{ font-size: 22px; font-weight:normal; color:#17b9df; margin-top:-10px;}
.lanrenzhijia .title-list{ position: relative;  top: 6px; margin-left:0;}
.lanrenzhijia .title-list li{  width:160px; line-height: 20px; text-align: center; float: left; display: inline; font-size:22px; margin-top:-10px; font-weight:bold; margin-bottom:20px;}
.lanrenzhijia .title-list li.on{ color: #203091; font-weight: bold;}
.lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:140px;height:7px;border-top: 3px solid #17b9df; overflow: hidden; text-align: center;margin-left: 10px;}
.lanrenzhijia .title-list b{width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #17b9df #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ position: relative; display: none; }
.product ul{ position: absolute; left:0;}
.product-wrap .show{ display: block;}

.product-wrap .product li{ float: left; display: inline; margin-left: 20px; margin-right:20px;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s; margin-bottom:18px; padding-top:24px; padding-bottom:24px; padding-left:20px;margin-right:15px;     width: 503px;}

.product-wrap .product li.ml0{margin-left:0px; }

